﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title>移动办公云平台</title>
     <link href="../Frozenui1.3/css/frozen.css" rel="stylesheet" />
    <script src="../JS/layer/layer.m.js"></script>
    <script src="../JS/zepto.min.js"></script>
    <script src="../Frozenui1.3/js/frozen.js"></script>
    <script src="../JS/MobileCom.js"></script>
    <script src="../JS/avalon.mobile.min.js"></script>
    <script>
        var model = avalon.define({
            $id: "baseInfo",
            ctData:[],
            UserName: "",
            Name: "",
            Tel: "",
            QYName:"",
            vieww: function (el) {
                window.location = "UI_QYGG_INFO.html?id=" + el.ID + "&r=" + Math.random();
            },
            ckxx: function () {
                window.location = "UI_USERINFO.html?r=" + Math.random();
            }
        })
        avalon.ready(function () {
            var lg = $.loading({
                content: '加载中...',
            })
            $.post("/API/WXAPI.ashx?Action=GETWXINDEXDATA&r=" + Math.random(), { P1: "5" }, function (data) {
                lg.hide();
                var data = $.parseJSON(data);
                if (data.ErrorMsg == "") {
                    model.ctData = data.Result;
                    model.UserName = data.Result1.User.UserName;
                    model.Name = data.Result1.User.UserRealName;
                    model.Tel = data.Result1.User.mobphone;
                    model.QYName = data.Result1.QYinfo.QYName;
                }
            })
        })
        function tzurl(str)
        {
            switch (str) {
                case 1: window.location = 'UI_GZRB_LIST.html?r=' + Math.random(); break;//工作报告
                case 2: window.location = 'UI_QJCC_LIST.html?r=' + Math.random(); break;//请假出差
                case 3: window.location = 'UI_DBSX_LIST.html?r=' + Math.random(); break;//任务待办
                case 4: window.location = 'UI_JFBX_LIST.html?r=' + Math.random(); break;//经费报销
                case 5: window.location = 'UI_JHAP_LIST.html?r=' + Math.random(); break;//计划安排
                case 6: window.location = 'UI_LCSP_LIST.html?r=' + Math.random(); break;//流程审批
                case 7: window.location = 'UI_KHGL_LIST.html?r=' + Math.random(); break;//客户管理
                case 8: window.location = 'UI_HDBM_LIST.html?r=' + Math.random(); break;//活动报名
                case 9: window.location = 'UI_ZXZX_XMLIST.html?r=' + Math.random(); break;//客服管理
                case 10: window.location = 'UI_DXGL_LIST.html?r=' + Math.random(); break;//短信管理
                default: break;
            }
        }
    </script>
    <style>
        .ui-list > li {
            margin: 3px;
            padding-left: 15px;
        }
        .ui-nowrap {
            text-align: center;
            /*color:white;#408fd7*/
        }
        .ui-grid-trisect > li {
            width:25%;
        }
        .ui-grid-trisect-img img {
            padding:15%;
            width:70%;
        }
        .ui-list-info .ui-nowrap {
            text-align: left;
        }
    </style>
</head>
<body ms-controller="baseInfo">
    <!--<header class="ui-header ui-header-stable ui-border-b" >
        <h1>移动办公云平台</h1>
    </header>-->
    <div class="ui-form " >
        <ul class="ui-list ui-list-link">
            <li class=" ui-label-list" ms-click="ckxx()">
                <div class="ui-avatar">
                    <span ms-css-background-image="url(/Upload/TX/{{UserName}}.jpg)"></span>
                </div>
                <div class="ui-list-info ui-border-t">
                    <h4 class="ui-nowrap" style="color:black">{{Name+' '+Tel}}</h4>
                    <p class="ui-nowrap">{{QYName}}</p>
                </div>
            </li>
        </ul>
    </div>
    <ul class="ui-grid-trisect tabmenu" style="background-color: white; margin-top: 0px;">
        <li onclick="tzurl(1)">
            <div class="ui-grid-trisect-img" style="height: auto; padding-top: 100%;">
                <img src="/images/QJY/工作日报.png" style="height:auto;" />
            </div>

            <h5 class="ui-nowrap">工作报告</h5>
        </li>
        <li onclick="tzurl(5)">
            <div class="ui-grid-trisect-img" style="height: auto; padding-top: 100%;">
                <img src="/images/QJY/计划安排.png" style="height:auto" />
            </div>

            <h5 class="ui-nowrap">计划安排</h5>

        </li>
        <li onclick="tzurl(2)">
            <div class="ui-grid-trisect-img" style="height: auto; padding-top: 100%;">
                <img src="/images/QJY/请假出差.png" style="height:auto" />
            </div>
            <h5 class="ui-nowrap">请假出差</h5>
        </li>
        <li onclick="tzurl(3)">
            <div class="ui-grid-trisect-img" style="height: auto; padding-top: 100%;">
                <img src="/images/QJY/任务代办-pc.png" style="height:auto" />
            </div>
            <h5 class="ui-nowrap">任务管理</h5>
        </li>
        <li onclick="tzurl(4)">
            <div class="ui-grid-trisect-img" style="height: auto; padding-top: 100%;">
                <img src="/images/QJY/经费报销-pc.png" style="height:auto" />
            </div>
            <h5 class="ui-nowrap">经费报销</h5>
        </li>
        <li onclick="tzurl(6)">
            <div class="ui-grid-trisect-img" style="height: auto; padding-top: 100%;">
                <img src="/images/QJY/流程审批.png" style="height:auto" />
            </div>
            <h5 class="ui-nowrap">流程审批</h5>
        </li>
        <li onclick="tzurl(7)">
            <div class="ui-grid-trisect-img" style="height: auto; padding-top: 100%;">
                <img src="/images/QJY/客户管理-pc.png" style="height:auto" />
            </div>
            <h5 class="ui-nowrap">客户管理</h5>
        </li>
        <li onclick="tzurl(8)">
            <div class="ui-grid-trisect-img" style="height: auto; padding-top: 100%;">
                <img src="/images/QJY/活动报名-pc.png" style="height:auto" />
            </div>
            <h5 class="ui-nowrap">活动报名</h5>
        </li>
        <li onclick="tzurl(10)">
            <div class="ui-grid-trisect-img" style="height: auto; padding-top: 100%;">
                <img src="/images/QJY/短信管理.png" style="height:auto" />
            </div>
            <h5 class="ui-nowrap">短信管理</h5>
        </li>
        <li onclick="tzurl(9)">
            <div class="ui-grid-trisect-img" style="height: auto; padding-top: 100%;">
                <img src="/images/QJY/客服管理.png" style="height:auto" />
            </div>
            <h5 class="ui-nowrap">客服管理</h5>
        </li>
    </ul>

    <h1 style="padding-top: 5px; padding-bottom: 5px; margin-top: 10px;text-align:center;background-color:white">最新公告</h1>
    <div class="ui-form ">
        <ul class="ui-list ui-border ui-list-link">
            <li class="ui-border-b ui-list-info" ms-repeat-el="ctData" ms-click="vieww(el)" style="padding-top: 5px; padding-bottom: 5px;">
                <p class="ui-nowrap" style="font-size:12px"> <label class="ui-label-s">{{el.remark}}</label> {{el.GGTitle}}</p>
            </li>
        </ul>
    </div>
</body>
</html>
